<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-dashboard"></i> <strong>账号管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">账号管理</li>
			</ol>
		</section>
		<section class="content">
		    <div class="box box-info">
		    	<div class="box-header with-border">
                    <i class="fa fa-th-list"></i>
                    <h4 class="box-title">账号查询</h4>
                </div>
                <div class="box-body">
				 	<div class="form-inline">
	                     <div class="input-group">
							<input type="text" class="form-control" id="search"  placeholder="用户名称丨角色名称" />
							<span class="input-group-btn">
							    <button type="button" name="search" id="search-btn" class="btn btn-info app-btn-search">查询</button>
								<button type="button" name="cancel" id="cancel-btn" class="btn btn-info app-btn-cancel">撤消</button>
							</span>
						</div>
						<button class="btn btn-info pull-right addBtn" >添加</button>
					</div>
			 	</div>
                <div class="box box-body">
                	<table id="dataTable" class="mytable display table-bordered text-center" cellspacing="0" width="100%">
						<thead>
							<tr>
								<th width="8%">序号</th>
								<th width="15%">操作</th>
								<th width="15%">用户</th>
								<th width="20%">电话</th>
								<th width="20%">岗位</th>
								<th width="15%">角色</th>
								<th width="12%">账号</th>
								<th width="15%">登录时间</th>
							</tr>
						</thead>
						<tbody>
						   
						</tbody>
					</table>
                </div>
		    </div>
		</section>
		<!--账号信息添加弹窗-->
		<div class="modal" id="accountModal">
			<div class="modal-dialog" role="dialog">
				<form id="accountEditForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title"><strong>账号信息</strong></h4>
						</div>
						<div class="modal-body">
							<input type="hidden" name="id" id="id" />
							<input type="hidden" name="createTime" id="createTime" />
							<input id="registerOpenid" name="registerOpenid" type="hidden"
						class="form-control" />
					<input id="validateOpenid" name="validateOpenid" type="hidden"
						class="form-control"/>
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-sm-2 control-label">用户</label> 
									<div class="col-sm-4">
										<div class="col-md-10">
											<select  class="form-control" name="user" id="user"  datatype="*,*1-100" >
							                    <option 
							                    	th:each="user:${users}"  
							                    	th:value="${user.id}"
								                    th:text="${user.name}"></option>
						                    </select>
						                    	<input type="text"  readonly="readonly" class="form-control hide" name="input-username"  id="input-username" />
						                    	<input type="text" class="form-control hide" name="input-username1"  id="input-username1" />
										</div>
									<div class="col-md-2">
									 <span style="color:#F00;fontsize:30px">*</span>
								 </div>
									</div>
									<label class="col-sm-2 control-label">角色</label>
									<div class="col-sm-4">
										<div class="col-md-10">
											<select  class="form-control" name="role" id="role"  datatype="*,*1-100" >
							                    <option th:each="role:${roles}" th:value="${role.id}"
								                   th:text="${role.name}"> 
								                </option>
						                    </select>
										</div>
								<div class="col-md-2">
									 <span style="color:#F00;fontsize:30px">*</span>
								 </div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">密码</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input id="password" name="password" type="password" class="form-control" datatype="*" nullmsg="请填写密码" />
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary saveBtn" >保存</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>

						</div>
					</div>
				</form>
			</div>
		</div>
		<script th:src="@{/account/accountindex.js}"></script>
		<script th:src="@{/plugins/sha256.js}"></script>
	</div>

</body>
</html>